草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - 如何使用 Vue js 2 在组件子组件链上冒泡事件?

我的vue应用程序使用:由组件子组成的组件父组件在component-parent里面我有按钮,当有人点击一个按钮时我想发出一个事件以便由vue处理并传递给另一个组件到目前为止我做了什么:varvm=newVue({el:'#app',methods:{itemSelectedListener:function(item){console.log('itemSelectedListener',item);}}});Vue.component('component-child',{template:'Button',methods:{chooseItem:function(pty){co

javascript - 可以使用 Window.Onscroll 方法来检测滚动方向吗?

可以使用Window.Onscroll方法来检测滚动方向吗? 最佳答案 如果你在页面加载时和每次滚动事件发生时记录scrollX和scrollY,那么你可以将以前的值与新值进行比较,以了解你滚动的方向。这是一个概念证明:functionscrollFunc(e){if(typeofscrollFunc.x=='undefined'){scrollFunc.x=window.pageXOffset;scrollFunc.y=window.pageYOffset;}vardiffX=scrollFunc.x-window.pageXOf

javascript - 在可滚动的 div 中获取鼠标位置

最近几天一直困扰着我的另一个问题。正如您可能从我的其他问题中看到的那样,我正在创建一些思维导图软件。所以(极其简化)我有两个div。一个在页面上是一个正方形,另一个在那个div里面,大约是它的10倍大并且可以拖动。这样一来,对象就可以放置在屏幕上,然后在添加另一个对象时稍微移动到一边等等。我通过创建外部div可滚动来做到这一点。我遇到的问题与java脚本中的鼠标位置有关。如果我将鼠标位置放在div中的任何位置,它将不正确,因为我将内部div的大小偏移到顶部和左侧的一半(因此有效地用户正在查看Canvas的中间并且可以按照他们喜欢的方式进行).我已经尝试了数十种不同的鼠标坐标功能,但这些

javascript - knockout : click & checked bindings in one element

我有一组限制,以及用于启用/禁用限制的复选框。但是复选框不起作用jsFiddlefunctionLimit(start,end){varthat=this;this.start=start;this.end=end;this.label=ko.computed(function(){returnthat.start+'-'+that.end;});}functionViewModel(){varthat=this;this.limits=[newLimit(1,2),newLimit(3,4),newLimit(4,5)];this.activeLimit=ko.observable(

javascript - 构建 Vue + Vuex 项目

我对在哪里放置我的全局函数有点困惑。在很多例子中,一个main.js文件指向一个应用程序组件,它被放置在html中的某个地方。如果我只是将我的所有逻辑包含在这个应用程序组件中,这个工作流程对我来说就很好了。但是我将组件与Laravel功能结合在一起,所以这对我不起作用。目前我的main.js文件包含一堆我需要从我的应用程序中的任何地方访问的方法。这些方法不包含任何广播事件,因此只要它们获得vue-resource实例,它们就可以有效地放置在任何地方。我的main.js文件:https://github.com/stephan-v/BeerQuest/blob/develop/resou

javascript - 具有反应虚拟化和新 CellMeasurer 的动态行高

我正在使用带有Autosizer、List和CellMeasurer组件的react-virualized9。当列表数据发生变化时,我需要更新行高。似乎自从版本9中支持ReactFiber的更改以来,CellMeasurer的唯一公共(public)方法现在是measure()。大多数示例使用前面的resetMeasurementForRow()方法。当前CellMeasurerdoc似乎没有关于新公共(public)方法的任何信息。不确定我是否忽略了某些内容,但我们将不胜感激。constcache=newCellMeasurerCache({defaultHeight:60,fixe

javascript - 如何在 Google Chrome 中打开没有滚动条的 window.open

以下代码在Firefox、IE和Opera中打开没有滚动条的新窗口。varoptions={height:300,//setstheheightinpixelsofthewindow.width:300,//setsthewidthinpixelsofthewindow.toolbar:0,//determineswhetheratoolbar(includestheforwardandbackbuttons)isdisplayed{1(YES)or0(NO)}.scrollbars:0,//determineswhetherscrollbarsappearonthewindow{1(

Javascript:setAttribute() 对比element.attribute = 设置 "name"属性的值

所以我正在学习操作DOM,我注意到一件有趣的事情:假设我想使用“.”设置元素的name属性。点符号:element.name="someName";console.log(document.getElementsByName("someName")[0]);//returns"undefined"??但是,如果我使用document.setAttribute()方法,它工作正常:element.setAttribute("name","someName");console.log(document.getElementsByName("someName")[0]);//returnst

javascript - 动态滚动文本区域

我的页面上有一个textareahtml元素,它通过ajax重新加载。每次返回整个文本区域,而不仅仅是它的内容,并且内容会随着时间的推移而增长。除了textarea,我还返回以下一段javascript:vartextArea=document.getElementById('outputTextResultsArea');textArea.scrollTop=textArea.scrollHeight;在firefox3.0.7中,这会将滚动条放在文本区域的底部,让我可以看到最新的输出。但是在IE7中我看到了不同的行为。滚动条按预期随着内容向下移动,但是一旦内容大于文本区域高度,滚动

javascript - 使用 jspdf 和 Vue.js 生成 pdf

我是Vue.js的新手,我正在尝试生成PDF,但我不知道该怎么做。这是我的:import*asjsPDFfrom"jspdf"exportdefault{props:['id'],methods:{pdf(){constdoc=newjsPDF()}}}错误:Propertyormethod"pdf"isnotdefinedontheinstancebutreferencedduringrender 最佳答案 首先将PDF库导入为:importjsPDFfrom'jspdf'然后简单地实例化对象并给它内容:methods:{crea